import { useState } from "react";
import { useNavigate } from "react-router-dom";
import "./Set.css";
import { List } from "antd-mobile";

export default function Set() {
  const navigate = useNavigate();
  return (
    <div className="set">
      <div className="set-top">
        <span
          style={{ marginLeft: "20px", height: "50px", marginTop: "15px" }}
          onClick={() => navigate("/my")}
        >
          <svg
            t="1733574502891"
            class="icon"
            viewBox="0 0 1307 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="4937"
            width="16"
            height="16"
          >
            <path
              d="M268.70922 566.468085h929.588652c36.312057 0 72.624113-29.049645 72.624114-72.624113 0-36.312057-29.049645-72.624113-72.624114-72.624114H305.021277l297.758865-297.758865c29.049645-29.049645 29.049645-72.624113 0-101.673759-29.049645-29.049645-72.624113-29.049645-101.673759 0L72.624113 450.269504c-14.524823 14.524823-21.787234 36.312057-21.787234 58.09929 0 21.787234 0 43.574468 21.787234 58.099291l428.48227 428.48227c29.049645 29.049645 72.624113 29.049645 101.673759 0 29.049645-29.049645 29.049645-72.624113 0-101.673759l-334.070922-326.808511z"
              fill=""
              p-id="4938"
            ></path>
          </svg>
        </span>
        <div
          className="set-right"
          style={{ marginLeft: "120px", fontSize: "18px", marginTop: "10px" }}
        >
          设置
        </div>
      </div>

      <List>
        <List.Item onClick={() => navigate("/update_password")}>
          账号安全
        </List.Item>
        <List.Item onClick={() => {}}>隐私设置</List.Item>
        <List.Item onClick={() => {}}>清除缓存</List.Item>
        <List.Item onClick={() => {}}>关于我们</List.Item>
      </List>
    </div>
  );
}
